@import "@/common/constants/StyleConst.scss";

:deep .white-input {
  .v-input__control {
    .v-input__slot {
      &:before {
        border-style: unset;
        border-bottom: 2px solid $color-theme-lightgrey;
      }

      input {
        font-size: 10px;
        color: $color-theme-grey;
      }

      .v-select__selection {
        font-size: 10px;
        color: $color-theme-grey;
      }
    }
  }

}

.label {
  margin-bottom: unset;
  font-size: 10px;
  color: $color-theme-grey;
  display: inline-block;
  margin-right: 5px;
  white-space: nowrap;
}

.input-box {
  border-bottom: 2px solid #ECEDEE;
  padding-bottom: 12px;
  :deep .on-off {
    margin: unset;
    padding: unset;
    margin-left: 12px;

    .v-input__slot {
      flex-direction: row-reverse;

      .v-input--switch__track {
        background-color: $color-bg-white;
        opacity: unset;
        border: 2px solid #D9D9D9;
      }

      .v-input--switch__thumb {
        background-color: #D9D9D9;
      }

      .v-input--selection-controls__ripple {
        cursor: unset;
        height: unset;
      }

      .v-input--selection-controls__input {
        margin-right: unset;
        margin-left: 13px;
      }

      .v-label {
        font-size: 10px;
        color: $color-theme-grey;
      }
    }
  }

  .icon {
    font-size: 16px;
    margin-left: 12px;
  }

  .copy {
    font-size: 14px;
  }
  .default-value {
    display: flex;
    padding-left: 8%;
    padding-right: 20px;
  }
  
  :deep .check {
    margin-right: 16px;
  
    .v-input--selection-controls__input {
      margin-right: 4px;
  
      .mdi-checkbox-blank-outline::before {
        color: $color-theme-grey;
      }
    }
  
    .v-label {
      font-size: 10px;
      color: $color-theme-grey;
    }
  }
}



